﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Bootstrap风格的表格</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <div class="page-header">
            <h3><strong>会员列表</strong></h3>
        </div>
        <table class="table">
            <caption>
                <h3>所有会员资料</h3>
            </caption>
            <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>出生日期</th>
                    <th>所在地</th>
                    <th>兴趣领域</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>10001</td>
                    <td>Jerry</td>
                    <td>男</td>
                    <td>1979-01-01</td>
                    <td>北京</td>
                    <td>Microsoft技术,软件工程</td>
                    <td class="text-center">
                        <a href="#" class="btn btn-default">编辑</a>
                        <a href="#" class="btn btn-default" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>10002</td>
                    <td>Jam</td>
                    <td>女</td>
                    <td>1979-01-01</td>
                    <td>北京</td>
                    <td>Java技术，移动互联技术</td>
                    <td class="text-center">
                        <a href="#" class="btn btn-default">编辑</a>
                        <a href="#" class="btn btn-default" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>10003</td>
                    <td>David</td>
                    <td>男</td>
                    <td>1980-01-01</td>
                    <td>北京</td>
                    <td>C/C++技术，移动互联技术</td>
                    <td class="text-center">
                        <a href="#" class="btn btn-default">编辑</a>
                        <a href="#" class="btn btn-default" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                    </td>
                </tr>
                <tr>
                    <td>10004</td>
                    <td>Nancy</td>
                    <td>男</td>
                    <td>1983-01-01</td>
                    <td>北京</td>
                    <td>Microsoft技术</td>
                    <td class="text-center">
                        <a href="#" class="btn btn-default">编辑</a>
                        <a href="#" class="btn btn-default" onclick="return confirm('确实要删除该会员资料吗？');">删除</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
